	.input{
		border: none;
		outline: none;
	}
	.bg{
		width: 100%;
		height: 10px;
		background-color: #F8F8F8;
	}
	.active {
		background-color: #31BC8D;
		color: #fff !important;
	}
	.addclass {
		background-color: #31BC8D;
		color: #fff !important;
	}
	.pop-box{
		padding: 32px 16px 16px 16px;
	}
	.meat-alert-container {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, .4);
		.meat-alert-box {
			width: 310px;
			background-color: #fff;
			border-radius: 8px;
			overflow: hidden;
			.meat-alert-box-top {
				width: 100%;
				height: 52px;
				line-height: 52px;
				font-size: 16px;
				color: #344047;
				text-align: center;
				background-color: #F8F8F8;
			}
			.meat-alert-box-center {
				padding: 16px 22px;
				box-sizing: border-box;
				border-bottom: 1px solid #f2f2f2;
				p{
					color: #344047;
					text-indent: 2em;
				}
			}
			.meat-alert-box-bottom {
				width: 100%;
				height: 48px;
				line-height: 48px;
				text-align: center;
				font-size: 16px;
			}
		}
	}
	// 公共样式 main-inner
	.main-inner{
		display: flex;
		margin-top: 10px;
		margin-bottom: 24px;
		.pro-img{
			width: 93px;
			height: 93px;
			img{
				width: 100%;
				height: 100%;
				border-radius: 8px;
			}
		}
		.pro-text{
			flex: 1;
			padding-left: 16px;
			line-height: 2;
			position: relative;
			.closepop{
				position: absolute;
				right: 0;
				top: -30px;
			}
			.baoyou{
				display: inline-block;
				width: 64px;
				height: 18px;
				line-height: 21px;
				text-align: center;
				background: rgba(188,239,227,1);
				border-radius: 9px;
				color: #31BC8D;
				font-size: 12px;
				margin-right: 8px;
			}
			.des{
				color: #344047;
			}
			.sub-des{
				color: #969C9E;
				font-size: 12px;
			}
			.pro-price {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				color: #969C9E;
				font-size: 12px;
				i{
					color: #F58523;
					font-size: 18px;
					margin-right: 4px;
					font-weight: 600;
				}
			}
		}
		
	}
	.help-wrap {
		width: 100%;
		height: calc(100% - 63px);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		.address-box{
			.has-address {
				width: 100%;
				height: 64px;
				background-color: #fff;
				position: relative;
				text-align: left;
			
				.has-haed {
					padding: 0 17px;
					.icon {
						width: 52px;
						text-align: center;
						position: absolute;
						top: 27%;
						left: 0;
						float: left;
					}
					.province {
						float: left;
						position: absolute;
						top: 23%;
						left: 15%;
						color: #5D6164;
						line-height: 20px;
						.name {
							.ellipsis {
								display: inline-block;
								max-width: 100px;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
							.ellipsis:last-child {
								margin-left: 6px;
							}
						}
						.text {
							width: 220px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							font-size: 14px;
			
						}
					}
					.has-text {
						float: right;
						font-size: 12px;
						color: #969C9E;
						margin-top: 25px;
						span {
							margin-right: 7px;
						}
						i {
							vertical-align: middle;
						}
					}
				}
			
			}
			.address:before,
			.has-address:before {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
				background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
				background-size: 115px;
				content: '';
			}
			.address {
				width: 100%;
				height: 64px;
				position: relative;
				background-color: #fff;
				.head {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					height: 100%;
					padding: 0 17px;
					line-height: 64px;
					p {
						width: 50%;
					}
					p:last-child {
						text-align: right;
					}
					.address-icon {
						float: left;
						i {
							vertical-align: middle;
						}
						span {
							margin-left: 16px;
							color: #5D6164;
						}
					}
					.add-text {
						float: right;
						font-size: 12px;
						color: #969C9E;
						span {
							margin-right: 7px;
						}
						i {
							vertical-align: middle;
						}
						.arrow-right {
							position: relative;
							top: -1px;
						}
					}
				}
			}
			
		}
		.help-main{
			width: 100%;
			background-color: #fff;
			padding: 16px 16px 0 16px;
			
			.pro-grade{
				color: #969C9E;
				font-size: 12px;
				.p1{
					color: #5D6164;	
					font-size: 14px;
					margin-bottom: 10px;
					position: relative;
					display: inline;
					span{
						display: inline-block;
						width: 1px; 
						height: 0;
						border-left: 5px solid transparent;
						border-right: 5px solid transparent;
						border-top: 10px solid #D0CFCF;
						position: absolute;
						right: -26px;
						top: 3px;
					}
				}
				.p2{
					margin: 10px 0;
					.weight{
						padding-right: 25px;
						border-right: 1px solid #D0CFCF;
					}
					.ospan{
						padding-left: 25px;
					}
				}
				.p3{
					margin-bottom: 10px;
					span{
						&:first-child {
							padding-right: 25px;
							border-right: 1px solid #D0CFCF;
						}
						&:last-child {
							padding-left: 25px;
						}
					}
				}
			}
			.placeoforigin{
				.title-box{
					width: 100%;
					height: 40px;
					line-height: 40px;
					display: flex;
					.title{
						margin-right: 26px;
						color: #344047;
					}
					.name{
						color: #5D6164;
						position: relative;
						i{
							position: relative;
							top: 4px;
							margin-right: 8px;
						}
					}
				}
			}
			
		}
		.cus-box{
			background-color: #fff;
			margin: 10px 0;
			.cus-list{
				li{
					width: 100%;
					height: 42px;
					line-height: 42px;
					padding: 0 16px;
					position: relative;
					border-bottom: 1px solid #F2F2F2;
					.cus-left{
						color: #5D6164;
					}
					.cus-right {
						position: absolute;
						left: 109px;
						i{
							color: #31BC8D;
						}
					}
					.stepper{
						position: absolute;
						right: 16px;
					}
				}
				.first-li{
					height: 78px;
					line-height: 78px;
					display: flex;
					.price{
						color: #969C9E;
						font-size: 12px;
						i{
							color: #F58523;
							font-size: 18px;
							font-weight: 500;
							margin-right: 4px;
						}
					}
					.cus-right{
						
						em{
							display: inline-block;
							width: 29px;
							height: 26px;
							line-height: 26px;
							border-radius: 2px;
							border: 1px solid #31BC8D;
							color: #31BC8D;
							margin-right: 10px;
							text-align: center;
						}
						
					}
				}	
				.flex-wl{
					display: flex;
					justify-content: space-between;
					.wl-text{
						color: #969C9E;
						font-size: 12px;
						position: relative;
						i{
							margin-left: 4px;
							position: relative;
							top: 2px;
						}
					}
				}
			}
		}
		.zf-box{
			background-color: #fff;
			text-align: left;
			
			.zf-wrap{
				padding: 0 16px;
				border-bottom: 1px solid #F2F2F2;
				h2{
					width: 100%;
					height: 48px;
					line-height: 48px;
					font-size: 16px;
					color: #344047;
				}
			}
			.cell-zf{
				width: 100%;
				height: 63px;
				background-color: #fff;
				padding: 0 16px;
				.left{
					height: 63px;
					display: flex;
					align-items: center;
					position:relative;
					justify-content: space-between;
					.left-box{
						img{
							width: 32px;
							vertical-align: middle;
						}
						.wechart{
							margin-left: 16px;
							color: #5D6164;
						}
						.ye-money {
							position: absolute;
							left: 48px;
							bottom: 0;
							color: #F58523;
						}
					}
				}
			}
		}
		
	}
	.pop-btm {
		.content{
			width: 100%;
			.price-box{
				display: flex;
				justify-content: space-between;
				margin-bottom: 18px;
				.price{
					color: #969C9E;
					font-size: 12px;
					i{
						color: #F58523;
						font-size: 18px;
						font-weight: 600;
						margin-right: 4px;
					}
				}
				.status {
					color: #31BC8D;
					font-size: 12px;
				}
			}
			.project-box{
				margin-bottom: 8px;
				.tip{
					display: inline-block;
					width:40px;
					height:18px;
					background:rgba(188,239,227,1);
					border-radius:9px;
					line-height: 18px;
					font-size: 12px;
					color: #31BC8D;
					text-align: center;
					margin-right: 10px;
				}
				.title {
					color: #344047;
				}	
			}
			.subtitle{
				font-size: 12px;
				color: #969C9E;
				margin-bottom: 24px;
			}
			.grade-box{
				margin-bottom: 12px;
				.p1{
					color: #5D6164;
					margin-bottom: 14px;
				}
				.p2{
					color: #969C9E;
					font-size: 12px;
					margin-bottom: 10px;
					.weight{
						padding-right: 25px;
						border-right: 1px solid #969C9E;
					}
					.sum {
						padding-left: 25px;
					}
				}
			}
			
		}
		.product{
			width: 100%;
			height: 108px;
			background-color: #fff;
			margin-bottom: 26px;
			.pro-top{
				padding-top: 16px;
				margin-bottom: 16px;
				.pro-choose{
					color: #344047;
					margin-right: 16px;
				}
				.pro-title {
					color: #969C9E;
					font-size: 12px;
				}
			}
			.pro-flex{
				display: flex;
				justify-content: space-around;
				.inner-box{
					display: flex;
					justify-content: space-around;
					flex-direction: column;
					align-items: center;
					width: 82px;
					height: 42px;
					border: 1px solid #31BC8D;
					border-radius:8px;
					font-size: 12px;
					color: #31BC8D;
					margin-right: 6px;
				}
			}
			
		}
		.produce-box{
			width: 100%;
			height: 40px;
			line-height: 40px;
			display: flex;
			justify-content: space-between;
			.title-box{
				
				.title{
					margin-right: 26px;
					color: #344047;
				}
				.name{
					color: #5D6164;
					position: relative;
					i{
						position: relative;
						top: 4px;
						margin-right: 8px;
					}
				}
			}
			.wl{
				color: #969C9E;
				font-size: 12px;
				position: relative;
				i{
					position: relative;
					top: 2px;
					right: -2px;
				}
			}
		}
		.overlay-btn{
			
			.bind-btn{
				width: 343px;
				box-shadow: 0 6px 10px #19884f66;
			}
		}	
	}
	.footer{
		width: 100%;
		height: 63px;
		padding: 0 16px 0 24px;
		line-height: 63px;
		position: fixed;
		left: 0;
		bottom: 0;
		background-color: #fff;
		box-shadow:2px 2px 5px #c2c2c2;
		-webkit-box-shadow:2px 2px 5px #c2c2c2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.total{
			color: #F58523;
			font-size: 16px;
			font-weight: 500;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			.totalMoney{
				margin-top: -40px;
			}
		}
	}
	.bind-btn {
	    width: 144px;
		height: 51px;
		line-height: 41px;
		background:linear-gradient(90deg,#31BC8D 0%,#A6E29B 100%);
		border-radius:26px;
		color: #fff;
		font-size: 16px;
		box-shadow: none;
	  }
	.YEpayoverlay{
		width: 328px;
		position: fixed;
		left: 50%;
		top: 30%;
		margin-left: -164px;
		margin-top: -110px;
		background-color: #fff;
		border-radius:8px;
		z-index: 99;
		overflow: hidden;
		padding: 0 16px;
		.pay-head{
			width: 100%;
			height: 48px;
			line-height: 48px;
			text-align: center;
			background-color: #F8F8F8;
			color: #5D6164;
			font-size: 16px;
			font-weight: 500;
			i{
				float: right;
				margin-top: 10px;
			}
		}
		.pass-box{
			margin-top: 29px;
			padding-bottom: 29px;
		}
		.pass-footer{
			width: 100%;
			text-align: center;
			padding-top: 14px;
			border-top: 1px solid #E5E5E5;
			padding: 14px 16px 14px 16px;
			.pass-btn{
				width:138px;
				height:44px;
			}
		}
	}
	
	// 遮罩层
	.isOverlay {
		width: 328px;
		background-color: #fff;
		border-radius: 10px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -164px;
		margin-top: -99px;
		z-index: 9;
	
		.overlay-head {
			width: 100%;
			height: 48px;
			line-height: 48px;
			color: #5D6164;
			font-size: 16px;
			text-align: center;
			background-color: #F8F8F8;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			font-weight: 500;
	
			i {
				display: inline-block;
				position: absolute;
				right: 16px;
				top: 0;
				line-height: 48px;
			}
		}
	
		.overlay-content {
			padding: 15px 16px 0 16px;
	
			p {
				color: #31BC8D;
				font-size: 14px;
				margin-bottom: 12px;
	
				img {
					width: 16px;
					vertical-align: middle;
					margin-left: 4px;
				}
			}
	
			.overlay-input {
				width: 100%;
				border-bottom: 1px solid #E5E5E5;
	
				.van-cell.van-field {
					padding-left: 0;
				}
			}
		}
	
		.overlay-btn {
			width: 100%;
			height: 64px;
			display: flex;
			justify-content: center;
			align-items: center;
	
			.bind-btn {
				width: 138px;
				height: 44px;
				line-height: 44px;
				font-size: 16px;
				background: linear-gradient(94deg, rgba(49, 188, 141, 1) 0%, rgba(166, 226, 155, 1) 100%);
				box-shadow: none;
				float: right;
			}
		}
	}

